/* 
    Document   : cliente_cadastro
    Created on : 28/04/2011, 17:23:37
    Author     : victor
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#super #conteudo{
    float: left;
    width: 910px;
    background-color: #ffffff;

}
#super .clear_meio{
    width: 70px;
}
#super .clear{
    height: 30px;
}
#super #conteudo .titulo{
    width: 910px;
}
#super #conteudo .clear_up{
    width: 880px;
    height: 15px;
    float: left;
}
#super #conteudo #lateral_esquerda{
    background-image: url("../imagens/site/cadastro_detalhecinza_lateral_esq.png");
    width: 10px;
    height: 1350px;
    background-repeat: repeat-y;
    float: left;
}
#super #conteudo #lateral_direita{
    background-image: url("../imagens/site/cadastro_detalhecinza_lateral_dir.png");
    width: 10px;
    height: 1350px;
    background-repeat: repeat-y;
    float: right;
}
#super #conteudo #corpo{
    margin: auto;
    width: 888px;
    height: 100%;
    float: left;
}
#super #conteudo .titulo .titulo_conteudo_esq{
    background-image: url("../imagens/site/conteudo_titulo_esquerda.png");
    width: 7px;
    height: 25px;
    background-repeat: no-repeat;
    float: left;
}
#super #conteudo .titulo .titulo_conteudo_dir{
    background-image: url("../imagens/site/conteudo_titulo_direita.png");
    width: 7px;
    height: 25px;
    background-repeat: no-repeat;
    float: left;
}
#super #conteudo .titulo .titulo_conteudo_meio{
    background-image: url("../imagens/site/conteudo_titulo_meio.png");
    font-family: arial;
    color: #ffffff;
    height: 25px;
    width: 896px;
    background-repeat: repeat-x;
    float: left;
}
#super #conteudo .titulo .titulo_conteudo_meio .clear_up{
    float: left;
    width: 896px;
    height: 2px;
}
#super #conteudo #corpo .abas{
    width: 845px;
    float: left;
    height: 32px;
    background-image: url("../imagens/site/cadastro_abas_background.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
#super #conteudo #corpo .abas_lateral_direita{
    float: left;
    height: 32px;
    width: 25px;
    background-image: url("../imagens/site/cadastro_abas_ld_background.png");
    background-repeat: no-repeat;
    background-position: bottom;
}
#super #conteudo #corpo .abas .clear_left{
    float: left;
    width: 30px;
    height: 32px;
}
#super #conteudo #corpo .abas .aba{
    background-image: url("../imagens/site/cadastro_aba.png");
    margin-left: 5px;
    font-family: arial;
    font-size: 11pt;
    text-align: center;
    width: 124px;
    height: 32px;
    background-repeat: no-repeat;
    float: left;
}
#super #conteudo #corpo .abas .aba .clear_up{
    width: 124px;
    height: 8px;
}
#super #conteudo #corpo #dados form #campos input.nao_obrigatorio{
    height: 25px;
    border-style: solid;
    border-color: #cccccc;
    background-image: url("../imagens/site/cadastro_input_text2.png");
}
#super #conteudo #corpo #dados form #campos .input_obrigatorio{
    width: 600px;
}
#super #conteudo #corpo #dados form #campos .input_obrigatorio .barra {
    background-image: url("../imagens/site/cadastro_barra_vermelha.png");
    width: 3px;
    height: 27px;
    border-style: solid;
    border-color: #cccccc;
    border-right: none;
    background-repeat: no-repeat;
    float: left;
}
#super #conteudo #corpo #dados form #campos .input_obrigatorio input{
    background-image: url("../imagens/site/cadastro_input_text.png");
    border-style: solid;
    border-color: #cccccc;
    border-left: none;
    height: 27px;
    background-repeat: repeat-x;
    float: left;
}
#super #conteudo #corpo #dados{
    background-color: #ffffff;
    width: 888px;
    margin: auto;
}
#super #conteudo #corpo #dados .clear_up{
    width: 888px;
    height: 10px;

}
#super #conteudo #corpo #dados .titulo{
    font-family: arial;
    font-size: 13pt;
    width: 860px;
}
#super #conteudo #corpo #dados #campos{
    float: left;
    width: 885px;
    border: 2px solid #cccccc;
}
#super #conteudo #corpo #dados #campos .clear_left{
    width: 10px;
    height: 800px;
    float: left;
}
#super #conteudo #corpo #dados #campos .observacao{
    font-family: arial;
    vertical-align: middle;
    font-style: italic;
}
#super #conteudo #corpo #dados #campos .detalhe_borda_sup{
    float: left;
    width: 885px;
    height: 10px;
    background-image: url("../imagens/site/cadastro_detalhecinza.png");
    background-repeat: repeat-x;
}
#super #conteudo #corpo #dados #campos .tipo_dados{
    float: left;
    width: 800px;
    border-bottom: 1px dotted #cccccc;
}
#super #conteudo #corpo #dados #campos .tipo_dados .clear_up{
    width: 800px;
}
#super #conteudo #corpo #dados #campos .tipo_dados span.campo{
    font-family: arial;
    font-size: 10pt;
}
#super #conteudo #corpo #dados #campos .tipo_dados span.campo_obs{
    font-family: arial;
    font-style: italic;
    font-size: 10pt;
}
#super #conteudo #corpo #dados #campos #enviar_dados_cadastro{
    width: 885px;
    margin: auto;
    background-color: #ffffff;
    float: left;
}
#super #conteudo #corpo #dados #enviar_dados_cadastro .esquerda{
    background-image: url("../imagens/site/cadastro_moldenviar_esq.png");
    background-repeat: no-repeat;
    width: 15px;
    height: 74px;
    float: left;
}
#super #conteudo #corpo #dados #enviar_dados_cadastro .direita{
    background-image: url("../imagens/site/cadastro_moldenviar_dir.png");
    background-repeat: no-repeat;
    width: 47px;
    height: 74px;
    float: left;

}
#super #conteudo #corpo #dados #enviar_dados_cadastro .meio{
    background-image: url("../imagens/site/cadastro_moldenviar_meio.png");
    width: 823px;
    height: 74px;
    float: left;
    background-repeat: repeat-x;
}
#super #conteudo #corpo #dados #enviar_dados_cadastro .button_submit{
    width: 90px;
    height: 35px;
    background-image: url("../imagens/site/cadastro_botaoenviar.png");
    border: none;
    background-color: inherit;
}
#super #conteudo #corpo #dados #enviar_dados_cadastro .clear_up{
    width: 823px;
    float: left;
    height: 20px;
}
#super #conteudo #corpo #dados #enviar_dados_cadastro .clear_left{
    width: 20px;
    float: left;
    height: 74px;
}
/*------------------------------------------------------*/
#super #conteudo #promocoes{
    width: 870px;
    height: 150px;
    float: left;
}
#super #conteudo #promocoes .clear_left{
    float: left;
    width: 20px;
    height: 50px;
}
#super #conteudo #promocoes .seta{
    float: left;
    height: 180px;
}
#super #conteudo #promocoes .seta img{
    vertical-align: middle;
}
#super #conteudo #promocoes .seta .clear_up{
    height: 40px;
    width: 100%;
}
#super #conteudo #promocoes .prods{
    float: left;
    height: 180px;
    width: 780px;
}
#super #conteudo #promocoes .prods .prod{
    text-align: center;
    margin-left: 35px;
    height: 180px;
    width: 150px;
    float: left;
}
#super #conteudo #promocoes .prods .prod .clear_up{
    height: 15px;
    width: 150px;
    float: left;
}
#super #conteudo #promocoes .prods .prod .titulo{
    width: 100%;
    height: 30px;
    float: left;
    font-family: arial;
    color: #999999;
    font-size: 10pt;
}
#super #conteudo #promocoes .prods .prod .preco{
    font-family: arial;
    font-weight: bold;
    color:#666666;
}
#super #conteudo #promocoes .prods a .prod img{
    border: none;
}

.error {
    /* supply height to ensure consistent positioning for every browser */
    height:15px;
    background-color:#FFFE36;
    border:1px solid #E1E16D;
    font-size:11px;
    color:#000;
    padding:3px 10px;
    margin-left:-2px;


    /* CSS3 spicing for mozilla and webkit */
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}